.top{
    width: 100%;
    height: 70px ; 
    position:relative;
}

.top-left{
    width: 200px;
    line-height: 70px;
    float: left;
    font-size: 35px;
    position:absolute;
    left: 12%;
}
.top-right{
    width: 800px;  
    height: 70px;
    float: right;
    position: absolute;
    right: 10%;
    margin-left: 20%;
    overflow: hidden;
}

.top-right li{
    float: left;
    
} 
li{
    list-style-type: none;
}
.top-right a{
    display: block;
    font-size :16px ;
    color: #333333;
    height: 70px;
    padding:0 12px ;
    text-align: center;
    line-height: 70px;

}
.top-right a:hover{
    border-bottom: 2px solid #409eff ;
    text-decoration: none;
}
.fa{
    transition: 2s;
}
.top-right a:hover .fa{
    transform: rotateZ(180dge);
}



/* 轮播图部分 */
img{
    /* z-index: 1; */
}
.point{
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 48%;
    bottom: 10px;
}
.lunbo{
    position: relative;
    

}
.point li{
    width: 38px;
    height: 26px;
    float: left;
    /* padding: 10px; */
    margin-left: 10px;
    border-bottom:2px white solid;
    opacity: .4;
    /* z-index: 999; */
}



/* 提瓦特资讯 */
.text-center{
    font-size: 24px;
    color: #7466ff;

}
.panel{
    width: 1200px;
    margin: 0 auto;
    margin-top: 63px;
}
.thumbnail{
    width: 330px ;
    padding-top: 20px;
    float: left;
    margin:  auto 28px;
}
.panel-body{
    margin-top: 26px;
}
.panel-body .tt{
    font-size: 20px;
    color: #333333;
}
.panel-body span{
    font-size: 16px;
}

.thumbnail p{
    font-size: 8px;
}
.thumbnail:hover{
    transform:translateY(-4px);
    box-shadow:3px 3px 3px rgba(0,0,0,.2);
}

.thumbnail li{
    color: #4d4d4d;
}

.thumbnail li:hover{
    color: #8A7FFF;
}

span,.thumbnail.panel-body{
    transition-property: all;
    transition-duration: .5s;
}


/* 考研课程 */
.course{
    width: 1200px;
    margin: 0 auto;
    margin-top: 102px;
}
.course-heading{
    width: 1200px;
    margin: 0 auto;
}
.course-body{
    width: 1200px;
    margin: 0 auto;
}
.course-body li{
    width: 276px;
    height: 158px;
    margin-right: 13px;
    margin-top: 10px;
    float: left;
    overflow: hidden;
}
img{
      transition: 1s;
}

.course-body img:hover{
    transform:scale(1.09);
}

/* footer */
.footer{
    margin-top: 50px;
}
.f1{
    width: 100%;
    height: 258px;
    background-color:#4D4D4D ;
}
.f2{
    width: 100%;
    height: 43px;
    background-color:#414141 ;
}
.ff1{
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;

}
.f1 ul{
    float: left;
}
.f1 li{
    font-size: 16px;
    color: #E6E6E6;
    padding-top: 10px;
}

.f2 span{
    font-size: 16px;
    line-height: 43px;
    display: block;
    text-align: center;
    color: white;
}

高度塌陷
.clearfix::before,
.clearfix::after{
    /* 解决外边距 */
    content: "";
    display: table;
    /* 解决高度塌陷 */
    clear: both;
}